<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>TOMA299 - Creaciones Audiovisuales</title>
<link rel="stylesheet" type="text/css" href="./css/style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/screen.css" media="screen" />
</head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.7.js"></script>
<script type="text/javascript">
		$(document).ready(function(){	
			$("#slider").easySlider({
				auto: true, 
				continuous: true
			});
		});	
	</script>
<body>
<nav>
    <div id="logo"><img src="images/logo.png" width="266" height="130"></div>
    <div id="menu">
        <ul>
            <li><a title="INICIO" href="index.php">
                <h1>VOLVER AL</h1>
                <h2>INICIO</h2>
                <h3>AHORA</h3>
                </a> </li>
            <li><a title="PORTFOLIO" href="#">
                <h1>VER NUESTRO</h1>
                <h2>PORTFOLIO</h2>
                <h3>&nbsp;</h3>
                </a>
                <ul>
                    <li><a title="CORTOMETRAJES" href="">
                        <h1>PRODUCCION DE</h1>
                        <h2>CORTOMETRAJES</h2>
                        </a></li>
                    <li><a title="CORPORATIVO" href="">
                        <h1>VIDEO</h1>
                        <h2>CORPORATIVO</h2>
                        </a></li>
                    <li><a title="EVENTOS" href="">
                        <h1>FILMACIÓN DE</h1>
                        <h2> EVENTOS</h2>
                        </a></li>
                    <li><a title="VIDEOCLIPS" href="">
                        <h1>CREACIÓN DE</h1>
                        <h2>VIDEOCLIPS</h2>
                        </a></li>
                    <li><a title="FOTOGRAFICOS" href="">
                        <h1>REPORTAJES</h1>
                        <h2>FOTOGRAFICOS</h2>
                        </a></li>
                </ul>
            </li>
            <li><a title="SERVICIOS" href="#">
                <h1>QUE</h1>
                <h2>SERVICIOS</h2>
                <h3>TE OFRECEMOS</h3>
                </a></li>
            <li><a title="CONTACTO" href="contacto.html">
                <h1>PONTE EN</h1>
                <h2>CONTACTO</h2>
                <h3>CON NOSOTROS</h3>
                </a></li>
            <li><a title="FESTIVAL" href="cortosenoff.html">
                <h1>FESTIVAL INTERNACIONAL</h1>
                <h2>CORTOSenOFF</h2>
                <h3>VALENCIA</h3>
                </a></li>
        </ul>
    </div>
</nav>
<div id="container">
    <div id="content">
        <div id="slider">
            <ul>
                <li><a href="malditomccaine.html"><img src="images/01.jpg" alt="Maldito McCaine" /></a></li>
                <li><a href="shine04.html"><img src="images/02.jpg" alt="Shine 04 Locura" /></a></li>
                <li><a href="santisimalupita.html"><img src="images/03.jpg" alt="Santísima Lupita" /></a></li>
                <li><a href="gypsicasinoalejandra.html"><img src="images/04.jpg" alt="Videoclip Gypsy Casino: Alejandra" /></a></li>
            </ul>
        </div>
    </div>
</div>
</div>
<!---------------------------MENU REDES SOCIALES FIJO ------------------->
<div id="banner">
    <div id="bloque"> <a rel="nofollow" href="https://www.facebook.com/toma299" target="_blank"><img alt="facebook" src="images/facebook.png"></a> <a rel="nofollow" href="https://www.facebook.com/toma299" target="_blank"><img alt="twitter" src="images/twitter.png"></a> <a rel="nofollow" href="https://www.facebook.com/toma299" target="_blank"><img alt="youtube" src="images/youtube.png"></a> <a rel="nofollow" href="https://www.facebook.com/toma299 target="_blank""><img alt="vimeo" src="images/vimeo.png"></a> <a rel="nofollow" href="https://www.facebook.com/toma299" target="_blank"><img alt="linkedin" src="images/linkedin.png"></a> </div>
</div>
<!---------------------------           FIN           ------------------->

<div id="container2">
    <div id="noticias">
        <div class="titular"> LO ÚLTIMO </div>
        <div class="linea_baja"></div>
        <?php
        
        //conectamos con la base de datos
        include "ultimas4noticias.php";
       
        ?>        
    </div>
    <div id="quehacemos">
        <div class="titular"> QUE HACEMOS </div>
        <div class="linea_baja"></div>
        <div class="box">
            <div id="titulos"><img src="images/warning.png">&nbsp;&nbsp;CORPORATIVO</div>
            <div id="contenidos">La promoción de su empresa es fundamental para el crecimiento y desarrollo de la misma. <br>
En Toma299 realizamos todo tipo de vídeos corporativos para empresas, nosotros nos encargamos del Briefing y la producción del mismo, así como de buscar actores si es necesario</div>
        </div>
        <div class="box">
            <div id="titulos"><img src="images/warning.png">&nbsp;&nbsp;EVENTOS</div>
            <div id="contenidos">En la vida, aunque los eventos importantes quedarán para siempre grabados en nuestras retinas, siempre nos gusta tener en video esa graduación o entrega de premios. <br>
La grabación de eventos también puede ser tarea de Toma299</div>
        </div>
        <div class="box">
            <div id="titulos"><img src="images/warning.png">&nbsp;&nbsp;VIDEOCLIPS</div>
            <div id="contenidos">Si lo tuyo es la música, si tienes un grupo o eres un intérprete y necesitas promocionarte, nada mejor que un buen videoclip. <br>
En Toma299 producimos tú videoclip a un precio muy competitivo, nos podemos encargar de todo: Localizar escenarios, vestuario, etc.</div>
        </div>
        <div class="box">
            <div id="titulos"><img src="images/warning.png">&nbsp;&nbsp;FOTOGRAFÍA</div>
            <div id="contenidos">Dicen que una imagen vale más que mil palabras. 
Si quieres transmitir algo, Toma299 puede aportar esa frescura que tal vez necesites. <br>
Realizamos sesiones de fotografía con modelos, fotografía de producto, y lo que necesites.</div>
        </div>
    </div>
</div>
</body>
</html>